<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>baby-index</title>   
<link href="style/style.css" type="text/css" rel="stylesheet" />
<link href="style/reset.css" type="text/css" rel="stylesheet" /> 
</head> 
<body>
<header>
    <div id="header">
        <div class="column1080">
            <div class="site-nav">
                <span class="subnav f_l">
                	<ul>
                    	<li><a href="#">Home</a></li>
                        <li><a href="#">Shop</a></li>
                        <li><a href="#">Like</a></li>
                        <li><a href="#">Mom's Assistant</a></li>
                    </ul>
                </span>
                <span class="site-nav-r f_r">
                    <ul>
                        <li class="site-log">Welcome&nbsp;&nbsp;<a href="#">(Log In)</a></li> 
                        <li class="site-Account"><a href="#">My Account</a></li>
                        <li class="site-Bag">Bag&nbsp;&nbsp;<a href="#">0</a></li> 
                    </ul> 
                </span>
            </div>  
            <a href="#"><img src="images/Pointslogo.png" class="indexlogo f_l" title="babaybuy" alt="babaybuy" /></a>
            <nav>
            	<div id="nav" class="f_l"> 
                	<ul class="navcolor01">
                    	<span class="getpoints nav-points-icon">
                            <img src="images/icon_bg01.png"><font>get&nbsp;points</font> 
                        </span>
                    	<li><a href="#">Integral back shopping</a></li>
                        <li><a href="#">Single sun</a></li>
                        <li><a href="#">Registration</a></li> 
                    </ul>
                    <ul class="navcolor02">
                         <span class="shoppoints nav-points-icon">
                            <img src="images/icon_bg04.png"><font>Consumer points</font> 
                         </span>
                    	<li><a href="#">Redeem</a></li>
                        <li><a href="#">Points Lucky Draw</a></li>  
                    </ul>
                    <ul>
                    	<li><a href="#">Learn Points</a></li>
                        <li><a href="#">Personal Center</a></li>  
                    </ul>
                </div>
            </nav>     
         </div>
     </div>    
</header>
<div class="column1080 pointsshop mt40">
	 <div class="pointsshop-content">
		<h5>Your Exclusive Perks <span>505 points to redeem</span></h5>
        <ul class="pointshop-list">
        	<li>
            	<img src="photo/photo02.jpg"/>
                <div class="sales-i">
                	<a href="#">
                    	<span class="sales-i-a"><font>$</font>5 off</span>
                        <span class="sales-i-b">A Future Order</span>
                        <span class="sales-i-c">1500 pts</span>
                    </a>
                </div>
            </li>
            <li>
            	<img src="photo/photo02.jpg"/>
                <div class="sales-i">
                	<a href="#">
                    	<span class="sales-i-a"><font>$</font>5 off</span>
                        <span class="sales-i-b">A Future Order</span>
                        <span class="sales-i-c">1500 pts</span>
                    </a>
                </div>
            </li>
            <li>
            	<img src="photo/photo02.jpg"/>
                <div class="sales-i">
                	<a href="#">
                    	<span class="sales-i-a"><font>$</font>5 off</span>
                        <span class="sales-i-b">A Future Order</span>
                        <span class="sales-i-c">1500 pts</span>
                    </a>
                </div>
            </li>
            <li>
            	<img src="photo/photo02.jpg"/>
                <div class="sales-i">
                	<a href="#">
                    	<span class="sales-i-a"><font>$</font>5 off</span>
                        <span class="sales-i-b">A Future Order</span>
                        <span class="sales-i-c">1500 pts</span>
                    </a>
                </div>
            </li>
            <li>
            	<img src="photo/photo02.jpg"/>
                <div class="sales-i">
                	<a href="#">
                    	<span class="sales-i-a"><font>$</font>5 off</span>
                        <span class="sales-i-b">A Future Order</span>
                        <span class="sales-i-c">1500 pts</span>
                    </a>
                </div>
            </li>
            <li>
            	<img src="photo/photo02.jpg"/>
                <div class="sales-i">
                	<a href="#">
                    	<span class="sales-i-a"><font>$</font>5 off</span>
                        <span class="sales-i-b">A Future Order</span>
                        <span class="sales-i-c">1500 pts</span>
                    </a>
                </div>
            </li>
            <li>
            	<img src="photo/photo02.jpg"/>
                <div class="sales-i">
                	<a href="#">
                    	<span class="sales-i-a"><font>$</font>5 off</span>
                        <span class="sales-i-b">A Future Order</span>
                        <span class="sales-i-c">1500 pts</span>
                    </a>
                </div>
            </li>
            <li>
            	<img src="photo/photo02.jpg"/>
                <div class="sales-i">
                	<a href="#">
                    	<span class="sales-i-a"><font>$</font>5 off</span>
                        <span class="sales-i-b">A Future Order</span>
                        <span class="sales-i-c">1500 pts</span>
                    </a>
                </div>
            </li>
        </ul>
     </div>
     <div class="pointsshop-right">
     	<div class="column-right">
        	<h3>Easy Ways to Score Points</h3>
            <ul class="c-Registration-a">
            	<li>
                	<div class="c-Registration-b">
                    	<span>100<font>+</font></span>
                        <p>per week</p>
                    </div>
                    <h4> Visit 5 weekdays in a row</h4>
                    <p>Earn 100 points a week for visiting the site daily Monday through Friday. Try again next week </p>
                </li>
                <li>
                	<div class="c-Registration-b">
                    	<span>100<font>+</font></span>
                        <p>per week</p>
                    </div>
                    <h4> Visit 5 weekdays in a row</h4>
                    <p>Earn 100 points a week for visiting the site daily Monday through Friday. Try again next week </p>
                </li>
                <li>
                	<div class="c-Registration-b">
                    	<span>18<font>+</font></span>
                        <p>per week</p>
                    </div>
                    <h4> Refer Friends </h4>
                    <p>Get points when you invite friends — from Gilt.com or our mobile app, Gilt on the Go.</p>
                </li>
                <li>
                	<div class="c-Registration-b">
                    	<span>80<font>+</font></span>
                        <p>per week</p>
                    </div>
                    <h4> Shop Gilt.com </h4>
                    <p>shop on Gilt.com, GiltCity.com and our mobile experience, Gilt on the Go.</p>
                </li>
            </ul>
        </div>
        <div class="column-right mt20">
        	<h3>Your Insider Timeline</h3>
            <div class="b-Registration-a">
            	<p>You've earned 505 points to date!</p>
                <span>Aug 15&nbsp;&nbsp;&nbsp;&nbsp;+500 Welcome Bonus </span>
                <a href="#">View point history</a>
            </div>
        </div>
        <div class="column-right mt20">
        	<h3 class="c-999">Get in Touch </h3>
            <div class="a-Registration-a">
            	<p>
                	Email: <a href="#">insider@gilt.com</a><br>

                    +1 855.827.6880<br>

                    <a href="#">Terms and Conditions</a><br>

                   <a href="#"> FAQ</a> 
                </p>
            </div>
        </div>
     </div>
</div> 
<footer>
    <div id="footer" class="mt20">
        <div class="column1080">
             <ul class="aboutlist mt10">
                <li> 
                    LET US HELP YOU
                    <a href="#">shipping &amp; Retrns</a>
                    <a href="#">Order Trachking</a>
                    <a href="#">My Account</a>
                    <a href="#">Gift Cards</a>
                </li>
                <li> 
                    GET GONECTED
                    <a href="#"><img src="images/facebookicon.png">Facebook</a>
                    <a href="#"><img src="images/twittericon.png">Twitter</a>
                    <a href="#"><img src="images/pinticon.png">Pinterest</a>
                </li> 
             </ul>
             <a href="#"><img src="images/footerlogo.jpg" alt="baby buy" class="f_l"/></a>
             <div class="contactus mt10">
                <span>JOIN THE FUN</span>
                 Subscribe to stay in the konw!
                 <form class="mt20">
                    <input type="text"  placeholder="Enter Email" class="inputstyle01"/><input type="button" value="" class="input-but"/>
                 </form>
             </div>
        </div>
        <div class="footercopy mt20">
            Copyright&nbsp;&copy; 2013-2014 www.buybuybaby.com All Rights Reserved.
        </div>
    </div>
</footer>
</body>
</html>
